.draw-tool {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 100%;
    .draw-tool-group {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        height: 100%;
        border-right: 1px solid #e5e5e5;
        &:last-child {
            border-right-width: 0;
        }
        .draw-tool-item {
            flex: 0 0 38px;
            width: 38px;
            .draw-tool-button {
                width: 38px;
                height: 40px;
                border-width: 0px;
                color: #212121;
                background-color: transparent;
                cursor: pointer;
                outline: none;
                .ege {
                    font-size: 20px;
                }
                &.active {
                    color: white;
                    background-color: #2f9bff;
                    &:hover {
                        color: white;
                        background-color: #2f9bff;
                    }
                }
                &:hover {
                    background-color: #e5e5e5;
                }
                &[disabled],
                &[disabled]:hover {
                    color: rgba(0,0,0,.25);
                    background-color: transparent;
                    cursor: not-allowed;
                }
            }
            &.draw-tool-item-side {
                flex: 0 0 43px;
                width: 43px;
                .draw-tool-button {
                    width: 43px;
                }
            }
            &.draw-tool-item-side-left {
                border-radius: 20px 0 0 20px;
                .draw-tool-button {
                    padding-left: 5px;
                    border-radius: 20px 0 0 20px;
                }
            }
            &.draw-tool-item-side-right {
                border-radius: 0 20px 20px 0;
                .draw-tool-button {
                    padding-right: 5px;
                    border-radius: 0 20px 20px 0;
                }
            }
        }
        
        .switch-container {
            height: 40px;
            padding: 10px 5px;
            &:hover {
                background-color: #e5e5e5;
            }
        }
    }
}

.buffer-container {
    width: 268px;
}

.input-mark-container {
    width: 350px;
}